var c = document.getElementById('c');
var ctx = c.getContext('2d');

var text = 'HTML5';
var measure = ctx.measureText(text);

ctx.save();
ctx.fillStyle = '#ddd';
ctx.fillRect(0, 0, c.width, c.height);
ctx.restore();

ctx.font = '128px Arial'
ctx.fillStyle = '#00bbff';
ctx.fillText(text, 0, 128); //不加第四个可选参数会正常绘制
ctx.fillText(text, 0, 256, 100); //最大宽度100px，会按比例压缩绘制